$(function () {
    init();

    function init() {
        /* 调用显示数据函数 */
        renderData();

        var ul = $(".hisSer ul");
        var btn = $(".serBtn");

        btn.on("tap", function () {
            /* 获取搜索框的值 */
            var txt = $(".serText").val();

            /* 判断值是否合法 */
            if (!$.trim(txt)) {
                console.log("非法的值");
                return;
            }

            /* 把合法的值存储到本地中 */
            var ls = localStorage;
            var arr = ls.getItem("letaoHistory") && JSON.parse(ls.getItem("letaoHistory")) || [];

            /* 判断数组中是否已经存储了相同的值 */
            for (var i = 0; i < arr.length; i++) {
                var element = arr[i];
                if (element == txt) {
                    /* 数据已经存在了，删除数据 */
                    arr.splice(i, 1);
                    break;
                }
            }

            /* 如果数组里面没有，就新增到数组里 */
            arr.unshift(txt);

            /* 添加到本地内存中 */
            ls.setItem("letaoHistory", JSON.stringify(arr));

            /* 跳转页面 */
            location.href = "./searchList.html?key=" + txt;
        });

        /* 清除历史数据部分 */
        $(".clearAll").on("tap", function () {
            /* 清除本地内存 */
            localStorage.removeItem("letaoHistory");
            /* 刷新页面 */
            location.reload();
        });

        /* 删除单个数据 */
        ul.on("tap", ".removeRec", function (e) {
            var aDom = e.target.parentNode;
            var index = $(aDom).data("index");
            var ls = localStorage;

            /* 读取本地内存 */
            var arr = (ls.getItem("letaoHistory") && JSON.parse(ls.getItem("letaoHistory"))) || [];
            /* 删除数据 */
            arr.splice(index, 1);

            /* 显示数据 */
            var str = "";
            for (var i = 0; i < arr.length; i++) {
                var element = arr[i];
                str += '<li>' + element + '<a data-index=' + i + ' class="removeRec mui-pull-right" href="javascript:;"><span class="mui-icon mui-icon-closeempty"></span></a> </li>'
            }

            /* 追加到结构中 */
            ul.html(str);

            /* 写入到本地内存 */
            ls.setItem("letaoHistory", JSON.stringify(arr));
        });
    }

    /* 封装渲染数据函数 */
    function renderData() {
        var ls = localStorage;
        var arr = (ls.getItem("letaoHistory") && JSON.parse(ls.getItem("letaoHistory"))) || [];

        var str = "";
        for (var i = 0; i < arr.length; i++) {
            var element = arr[i];
            str += ' <li> ' + element + ' <a data-index=' + i + ' class="removeRec mui-pull-right" href="javascript:;"><span class="mui-icon mui-icon-closeempty"></span></a> </li>'
        }

        $(".hisSer ul").html(str);

        if (arr.length > 0) {
            $(".hisInfo").hide();
        } else {
            $(".hisSer").hide();
        }
    }
});